<div class="lv-input-tag-inner">
  <lv-tag lvMaxWidth="100%" [ngModel]="tagValue" [lvExtraContent]="inputTpl" (lvRemove)="handleClear($event.label)" (lvMotionDone)="motionDone$.next()"></lv-tag>
  <ng-template #inputTpl>
    <input
      lv-input
      [maxlength]="lvMaxLength"
      #inputRef="lvInput"
      [ngModel]="inputValue"
      [disabled]="lvDisabled"
      (ngModelChange)="setInputValue($event)"
      class="lv-input-tag-input"
      [placeholder]="lvPlaceholder"
      (keydown)="handleKeyDown($event)"
      (focus)="handleFocus($event)"
      (blur)="handleBlur($event)"
    />
  </ng-template>
  <div class="lv-input-tag-clear" *ngIf="lvClearIcon">
    <i [lv-icon]="typeUtils.isBoolean(lvClearIcon) ? 'lv-icon-clear' : lvClearIcon" [lvColorState]="true" (click)="handleClear()"></i>
  </div>
</div>
